<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>结婚网</title>
		<style>
		img{
			vertical-align: bottom;
			}
		h1,h2,h3,h4,h5,h6,body{
						margin: 0; 
						      }
		.w{
			width: 1080px;
			margin: 0 auto;				
		   }
		.bd{
		   /* 	border: 2px solid  red; */
		    }
		.fl{
			float: left;
			}
		.fr{
			float: right;
			}
		.header{
			   }	
		.ad1{
			padding: 15px 0 ;
		    }	
		.ad2{
		/* 	padding: 15px 0; */
			} 
		/* 	以下是banner区 */
		.banner{
			padding-top: 15px;
			height: 555px;
		       }
		.banner_l {
			padding-right: 15px;
		          }
		.banner_ad{
			padding-top: 15px;		
		          }
		.banner_ad div:nth-child(2){
						padding: 0 15px;
								   }
		/* 以下是main区 */						  			
		.title{
			border-bottom: 2px solid #cccc00;
			padding-top: 45px;
		}
		.title h3{
			font-size: 24px;
			font-family: "黑体";
			line-height: 30px;				
		}
		.brand{
			padding-top: 15px;
			height: 460px;
			/* width: 1100px; */
		}
		.brand .fl{
			/* width: 260px; */
			padding-right:  11px;
		}
		.brand .fl div: nth-chile(4){
		/* 	margin-right: 0; */
		}
		.style{
			/* border: 2px solid red; */	
			width: 1080px;
			height: 624px;
		}
		.styple_l{
			float: left;
			padding-top: 15px;
			padding-right: 5px;
			/* border: 2px solid blue; */
		}
		.styple_r{
			/* border: 2px solid black; */
			/* height: 612px; */
		}
		.styple_r .sr{
			/* border: 2px solid red; */
			float: left;
			padding-left: 15px;
			padding-top: 15px;
			/* width: 218px; */
			height: 193px;
		}
		.styple_r div:nth-child(3n){
			padding-right: 0;
		}
		.sl_t{
			height: 220px;
		}
		.sl_b{
			padding-top: 15px;
		}		
		/* 以下是end区 */
		.title1{
		/* 	border-bottom: 2px solid #cccc00; */
			padding-top: 50px;	
			}
			.title3{		
			padding-top: 10px;	
			padding-bottom: 12px;
			}
			h4{
				color:#FF0000;
			}
		.title h4{
				font-size: 20px;
				/* font-family: "黑体"; */
				line-height: 25px;
								
			}
			.end{
				height: 517px;
			}
			.end_1{
				/* width: 1080px; */
				height: 119px;
			}
			.end_1 .a{
				height: 81px;				
			}
			.end_1 div:nth-child(2){
				/* padding-left: 73px; */
				padding-left: 45px;
			}
			.title2{
			border-bottom: 2px solid #cccc00;
			padding-top: 7px;
		}
		.end_2{
			height: 468px;
			float: left;
			
		}
		.end_21{
			padding-top: 25px;
			padding-bottom: 0;
		}
		.end_22{
			/* padding-top: 12px; */
		}
		.c{
			float:left;
			width: 227px;
			height: 225px;
			padding-top: 25px;
			padding-left: 15px;
		}					
		/* .end_3 div:nth-child(2n){
			padding-right: 15px;
		} */		   
		</style>
	</head>
	<body>		
		<div class="w header"><img src="1.png.jpg" alt=""></div>
		<div class="w ad1"><img  src="2.png.jpg" alt=""></div>
		<div class="w ad2"><img  src="3.png.jpg" alt=""></div>
		<!-- 以下是banner区 -->
<div class="w banner">
	<div class="banner_l fl">
	                <div><img src="4.png.gif" ></div>
		    <div class="banner_ad ">
	                <div class="fl"><img src="6.png.gif" ></div>
	                <div class="fl"><img src="7.png.gif" ></div>
	                <div class="fl"><img src="8.png.gif" ></div>
	        </div>
    </div>
		   <div class="banner_r fl"><img src="5.png.png" ></div>
</div>
<!-- 以下是main区 -->
<div class="bd w main">
			<div class="title">
				<h3>品牌</h3>
			</div>
			<div class="brand">
				<div class="fl"><img src=" 9.png.gif" alt=""></img></div>
				<div class="fl"><img src="10.png.gif" alt=""></img></div>
				<div class="fl"><img src="11.png.gif" alt=""></img></div>
				<div class="fl"><img src="12.png.gif" alt=""></img></div>
			</div>
			<div class="title">
			<h3>风格</h3>
			</div>									
			<div class="style">
				<div class="styple_l">
					<div class="sl_t"><img src="13.png.gif" alt=""></div>
					<div class="sl_b"><img src="14.png.gif" alt=""></div>
				</div>
				<div class="styple_r">
					<div class="sr"><img src="15.png.gif" alt=""></div>
					<div class="sr"><img src="16.png.gif" alt=""></div>
					<div class="sr"><img src="17.png.gif" alt=""></div>
					<div class="sr"><img src="18.png.gif" alt=""></div>
					<div class="sr"><img src="19.png.gif" alt=""></div>
					<div class="sr"><img src="20.png.gif" alt=""></div>
					<div class="sr"><img src="21.png.gif" alt=""></div>
					<div class="sr"><img src="22.png.gif" alt=""></div>
					<div class="sr"><img src="23.png.gif" alt=""></div>
				</div>
			
</div>
	<!-- 以下是end区	 -->
	<div class="w end">
		<div class="title1">
		<h4>用户晒单</h4>
		</div>	
		<div class="end_1">
			<div class="fl a"><img src="24.png.gif" alt=""></div>
			<div class="fl a"><img src="25.png.gif" alt=""></div>
			<div class="fl a"><img src="26.png.gif" alt=""></div>
		</div>
	<div class="title2">
		<h3>婚庆</h3>
		</div>	
		  <div class="end_2">
		  <div class="end_21"><img src="27.png.gif" alt=""></div>
		 <div>
		 <p>新春特惠抢先定</p>
		  </div>	
		  <div class="title3">
		  <h4>用户晒单</h4>
		  </div>	
		  <div class="end_22"><img src="28.png.gif" alt=""></div>				
		  </div>
			<div class="end_3">
				<div class=" c"><img src="29.png.gif" alt=""></div>
				<div class=" c"><img src="30.png.gif" alt=""></div>
				<div class=" c"><img src="31.png.gif" alt=""></div>
				<div class=" c"><img src="32.png.gif" alt=""></div>
				<div class=" c"><img src="33.png.gif" alt=""></div>
				<div class=" c"><img src="34.png.gif" alt=""></div>
			</div> 			
	</div>
	</body>
</html>

